<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
<!--    <link rel="stylesheet" href="/pc/css/center/setmeal/info.js">-->
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - VIP套餐
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li th:class="${type eq 1?'layui-nav-item layui-this':'layui-nav-item'}">
                        <a href="/center/footprint">
                            我看过的
                        </a>
                    </li>
                    <li th:class="${type eq 2?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a href="/center/footprint/footprintme">
                            看过我的
                        </a>
                    </li>
                    <li th:class="${type eq 3?'layui-nav-item layui-this':'layui-nav-item'}">
                        <a href="/center/footprint/mutua">
                            相互看过
                        </a>
                    </li>

                    <span class="layui-nav-bar"></span></ul>
                <div class="main-content action_tip_parent">

                    <div class="layui-form">
                        <table class="layui-table">
                            <colgroup>
                                <col>
                                <col width="170">
                                <col width="60">

                            </colgroup>
                            <thead>
                            <tr>
                                <th>用户</th>
                                <th>查看时间</th>
                                <!-- <th>操作</th> -->
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="item:${footList}">
                                <td>
                                    <a class="lists_user" target="_blank" th:href="'/single/info/'+${item.userId}">
                                        <img class="photo" th:src="${item.photo}+'_50x50.jpg'" onerror="nofind_img()">
                                        <span class="user_info">
							        		<h6 class="nickname" th:text="${item.nickname}"></h6>
							        		<p class="info">
							        			[[${item.age}]]岁 .
							        			[[${item.incomeCn}]]元 .
							        			[[${item.industryCn}]]
							        		</p>
						        		</span>
                                    </a>
                                </td>
                                <td>[[${#dates.format(item.createTime, 'yyyy-MM-dd HH:mm')}]]</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- s: 分页 -->
                    <div class="manage-pagination-wrap" th:utext="${page}">
                    </div>
                    <!-- e: 分页 -->
                    <style type="text/css">
                        .action_tip_wrap {
                            position: fixed;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            background: rgb(0,0,0,.5);
                            text-align: center;
                            display: block;
                            z-index: 99999;
                        }
                        .action_tip_wrap .tip {
                            position: absolute;
                            width: 240px;
                            height: 280px;
                            top: 50%;
                            left: 50%;
                            right: 0;
                            text-align: center;
                            color: var(--color);
                            background: #FFF;
                            border-radius: 6px;
                            font-size: 16px;
                            margin-top: -140px;
                            margin-left: -120px;
                        }
                        .head-nav-wrap~.action_tip_wrap{ top: 50px; }
                        .foot-nav-wrap~.action_tip_wrap{ bottom: 50px; }
                    </style>
                    <div class="action_tip_wrap" th:if="${!isVip}">
                        <div class="tip">
                            <div>
                                <div style=" padding: 20px 0;">
                                    <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31853" style="width: 128px;height: 128px;"><path d="M63.904 343.107l2.865-8.084c7.368-22 26.606-36.736 50.039-38.373 21.386-1.535 42.773 10.95 52.801 30.596 10.233 20.056 7.368 43.694-7.47 61.295-1.74 1.944-3.479 3.888-5.423 6.14 41.443 25.377 82.681 50.447 123.715 75.723 15.554 9.618 31.21 19.237 46.764 28.55 8.903 5.218 15.759 3.683 20.568-5.015a346702.822 346702.822 0 0 0 141.93-258.89c-20.569-10.438-33.871-26.401-35.1-50.04-0.818-16.577 5.015-30.8 16.783-42.363 23.33-22.717 61.601-20.568 82.067 4.605 23.536 28.856 15.042 62.624-22.308 88.002 12.177 22.308 24.457 44.717 36.839 67.025 34.28 62.42 68.355 124.636 102.635 187.056 7.88 14.429 12.893 15.759 27.015 7.368 53.006-32.336 105.91-64.876 158.916-97.314 2.456-1.535 4.81-3.07 7.674-4.81-10.949-10.949-17.907-23.33-18.726-38.578-1.535-28.55 18.112-53.517 45.639-58.224 28.652-5.015 55.257 11.358 63.75 39.089 0.614 2.149 1.535 4.4 2.354 6.549v19.238c-9.005 28.856-27.527 45.638-59.35 45.843-1.126 3.274-2.354 6.549-3.275 9.823-31.006 106.32-62.011 212.843-93.017 319.163-3.99 13.916-8.902 17.498-22.921 17.498H243.183c-15.042 0-19.647-3.48-23.74-17.498-25.275-86.263-50.243-172.833-75.518-259.096-6.754-23.33-13.712-46.662-20.568-70.095-23.74 0-41.648-9.414-52.802-29.88-2.66-5.014-4.4-10.642-6.549-15.963-0.102-6.651-0.102-12.996-0.102-19.34z m0 0M510.363 810.645h250.193c22.307 0 40.112 15.759 42.568 36.94 2.456 21.388-11.563 40.83-33.154 45.64-3.07 0.818-6.345 0.92-9.414 0.92h-500.59c-19.034 0-35.1-11.358-40.625-28.55-5.73-17.19-0.41-36.633 14.837-46.456 7.88-5.014 18.317-8.494 27.527-8.494 82.988-0.409 165.874 0 248.658 0z m0 0"></path></svg>
                                </div>
                                <div style=" padding: 10px 0;">
                                    请升级会员后查看～
                                </div>
                                <div>
                                    <a class="btn btn-sm " href="/center/setmeal" style="margin-top: 6px">
                                        立即升级
                                    </a>
                                    <a class="btn btn-sm btn-invalid" href="javascript:bottlecms.back()" style="margin-top: 6px">
                                        返回
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>
    </div>


</div>
<div layout:fragment="contentFooter">
</div>
</html>